$unit:0.5px;
.main{
  min-height: 100vh;
  background-image: url();
  background-size: 20*$unit;
  color: #ffffff;
  padding: 0 36*$unit 60*$unit;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
page{
  position: relative;
}
.logo{
  height: 86*$unit;
  display: block;
  margin: 0 auto;
  padding-bottom: 40*$unit;
  padding-top: 20*$unit;
}
.interv{
  display: flex;
  justify-content: center;
  overflow: hidden;
  max-width: 100%;
  &-content{
    display: flex;
    line-height: 42*$unit;
    overflow: hidden;
    font-size: 28*$unit;
    margin-bottom: 20*$unit;
  }
  &-img{
    height: 38*$unit;
    display: block;
    margin-right: 20*$unit;
  }
}

.photograph{
  height: 468*$unit;
  display: block;
  margin: 0 auto;
}
.tips{
  font-size: 28*$unit;
  margin-top: 44*$unit;
}
.btnboxs{
  display: flex;
  justify-content: center;
  padding: 60*$unit 0 0;
}
.btnl{
  width: 240*$unit;
  position: relative;
}
.completed{
  position: relative;
  &-img{
    position: absolute;
    height: 136*$unit;
    top: -12*$unit;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.hbtn{
  background: #FBAD26 ;
  height: 118*$unit;
  width: 100%;
  color: #ffffff;
  display: flex;
  align-items: center;
  font-size: 28*$unit;
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
  border-color: transparent;
  border-radius: 8*$unit;
  &[disabled]{
    background-color: #c29b62!important;
  }
}
.hbtn2{
  background: #FBAD26 ;
  height: 118*$unit;
  width: 90%;
  color: #ffffff;
  display: flex;
  align-items: center;
  font-size: 28*$unit;
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
  border-color: transparent;
  border-radius: 8*$unit;
  &[disabled]{
    background-color: #c29b62!important;
  }
}
.hbtn3{
  background: #FBAD26 ;
  height: 118*$unit;
  width: 100%;
  color: #ffffff;
  display: flex;
  align-items: center;
  font-size: 28*$unit;
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
  border-color: transparent;
  border-radius: 8*$unit;
  &[disabled]{
    background-color: #FF8E43!important; 
    opacity: .8;
    
  }
}
.space{
  width: 130*$unit;
}
.flex1{
  flex: 1;
  overflow: hidden;
}
.ellipsis{
  overflow: hidden;

  text-overflow: ellipsis;
word-break: break-all;
  
  white-space: nowrap; //文本不换行，这样超出一行的部分被截取，显示...
  
}

.column{
  flex-direction: column;
}
.modaltips{
  font-size: 32*$unit;
  line-height: 44*$unit;
  color: #333;
}
.search{
  height: 88*$unit;
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
 border-radius: 44.24*$unit;
 margin-top: 20*$unit;
 padding:  0  20*$unit;
 background: #fff;
 >.input{
   width: 100%;
   height: 90%;
   font-family: PingFangSC-Regular;
font-size: 28*$unit;
color: #D2D4D8;
letter-spacing: 0;
text-align: left;
margin-left: 40*$unit;
line-height: 88*$unit;
   
 }
 >.direction{
   line-height: 88*$unit;
   font-size: 40*$unit;
  
 }
}
.icon{
  display: flex;
}
.iconjiantou{
  color: #A0A0A0;
}
.iconqiehuan{
  font-family: PingFangSC-Medium;
font-size: 24*$unit;
color: #FBAD26;
letter-spacing: 0;
  margin-left:20*$unit;
}
.father{
display: flex;
padding-right: 20*$unit;
}
.model{
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.60);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
 
  >.model-center{
    width:480* $unit;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    line-height: 100* $unit;
    font-family: PingFangSC-Regular;
    font-size: 28 * $unit;
    color: #333;
    letter-spacing: 0;
    >.icon{
      top:-1 * $unit;
      right:25*$unit;
      // width: 40*$unit;
      // height: 40*$unit;
      // color: red;
      font-size: 10 * $unit;
      position: absolute;
     }
    >.text{
      height: 100%;
      background-color: #fff;
      border: none;
      border-radius: 32*$unit;
    }

  }
}
.ceil:hover{
  background-color: #3D6FF0;
  border-radius: 16*$unit;
}
.giveUp{
  color: #FBAD26;
letter-spacing: 0;
}
.alreadyGiveup{
  color:#AFAFAF;
}

